<?xml version="1.0"?>
<!--
  ~ Copyright 2004-2012 ICEsoft Technologies Canada Corp.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the
  ~ License. You may obtain a copy of the License at
  ~
  ~ http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing,
  ~ software distributed under the License is distributed on an "AS
  ~ IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
  ~ express or implied. See the License for the specific language
  ~ governing permissions and limitations under the License.
  -->

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="/resources/templates/content-template.xhtml">

    <ui:param name="title" value="#{msgs[aceMenuBarClick.title]}"/>
    <ui:param name="description" value="#{msgs[aceMenuBarClick.description]}"/>
    <ui:param name="resourceValue" value="#{aceMenuBarClick.exampleResource}"/>
    
    <ui:param name="wikiResources" value="#{menuBarResources.wikiResources}"/>
    <ui:param name="tldResources" value="#{menuBarResources.tldResources}"/>

    <ui:define name="example">
        <h:form id="form">
            <h:panelGrid columns="2" width="100%">
                <ace:panel>
                    <h:panelGrid columns="2">
                        <h:outputLabel for="switch" value="Auto display menu: "/>
                        <h:selectOneRadio   id="switch"
                                                        value="#{aceMenuBarClick.clickToDisplay}">
                                        <f:selectItem itemLabel="ON" itemValue="true"/>
                                        <f:selectItem itemLabel="OFF" itemValue="false"/>
                                        <f:ajax execute="@this" render="@form" event="change"/>
                        </h:selectOneRadio>
                    </h:panelGrid>
                </ace:panel>
                
                <ace:menuBar id="menuBar" autoSubmenuDisplay="#{aceMenuBarClick.clickToDisplay}">
                    <ace:submenu label="File" icon="ui-icon ui-icon-document">  
                     <ace:submenu label="New" icon="ui-icon ui-icon-contact">  
                         <ace:menuItem value="Window"/>  
                         <ace:menuItem value="Tab"/>  
                     </ace:submenu>
                     <ace:menuItem value="Open"/>
                     <ace:menuItem value="Close"/>
                     <ace:menuItem value="Print"/>
                     <ace:menuItem value="Quit"/>
                 </ace:submenu>
            
                 <ace:submenu label="Edit" icon="ui-icon ui-icon-pencil">  
                     <ace:menuItem value="Undo" icon="ui-icon ui-icon-arrowreturnthick-1-w"/>  
                     <ace:menuItem value="Redo" icon="ui-icon ui-icon-arrowreturnthick-1-e"/>
                     <ace:menuItem value="Cut"/>
                     <ace:menuItem value="Copy"/>
                     <ace:menuItem value="Paste"/>
                     <ace:menuItem value="Find"/>
                 </ace:submenu>
                 
                 <ace:submenu label="Tools" icon="ui-icon ui-icon-gear">  
                     <ace:menuItem value="Downloads"/>
                     <ace:menuItem value="Error Console"/>
                     <ace:menuItem value="Page Info"/>
                 </ace:submenu>
                 
                 <ace:submenu label="Help" icon="ui-icon ui-icon-help">  
                     <ace:menuItem value="Contents"/>
                     <ace:menuItem value="Translate"/>
                     <ace:menuItem value="About"/>
                 </ace:submenu>
             </ace:menuBar>
                </h:panelGrid>
        </h:form>
    </ui:define>
</ui:composition>
